<template>
    <div style="background: #f3f5f9;">
        <div class="ser">
            <div class="search">
                <input type="text" placeholder="请输入关键字..." v-model="name">
                <button type="submit"><img src="@/assets/sfj/images/ser.png" alt=""></button>
            </div>
        </div>
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <van-tabs v-model="activeName" swipeable>
                <van-tab color="#357892" title="律师" name="律师">
                </van-tab>
                <van-tab color="#357892" title="法律工作者" name="法律工作者">
                </van-tab>
            </van-tabs>
            <div class="layui-tab-item layui-show">
                <ul class="list01 list02">
                    <worker-child-table-list :name="name" :tag="activeName"></worker-child-table-list>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue';
    import {Tab, Tabs} from 'vant';
    import 'vant/lib/tab/style';
    import 'vant/lib/tabs/style';
    import workerChildTableList from '@/componets/worker-child-table';

    Vue.use(Tab);
    Vue.use(Tabs);

    export default {
        data() {
            return {
                page: 1,
                limit: 10,
                name: '',
                workUnit: '',
                tag: '',
                list: [],
                pageAll: 0,
                loading: false,
                finished: false,
                noData: false, // 如果没有数据，显示暂无数据
                activeName: '律师',
            }
        },
        components: {
            workerChildTableList
        },
        methods: {
            search() {
                this.page = 1;
                this.limit = 10;
            },
        }
    };
</script>

<style>
    @import "../../assets/sfj/css/base.css";
    @import "../../assets/sfj/css/other.css";
    @import "../../assets/sfj/css/swiper.min.css";
    @import "../../assets/sfj/css/resetui.css";

    .van-tabs {
        position: relative;
        padding: 0 0 3% 0;
        margin: 0 5% 0 5%;
    }
</style>
